<!--<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订 单 查 询 界 面</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

	</head>
	<body>
		
    <div class="container">
    	<div class="row list-group-item-info" >hi~您好</div></br>
    	<div class="text-center h2 text-info" ><strong>订 单 查 询 界 面</strong></div></br>
	
   			<div class="row col-md-6 col-md-offset-3">
    			查询编号：<input type="text" class="form-control" placeholder="订单编号" required autofocus/>
    		</div>
    	
    		<!--清除浮动加个margin是最好的选择，加id写样式的都是异教徒-->
    		<div class="clearfix" style="margin-bottom: 18px;"></div>
    		
    		<div class="row col-md-6 col-md-offset-3">
        		所属用户：<input type="text" class="form-control" placeholder="所属用户" required autofocus/> </br>
        	</div>  
        	
        	<button class="btn col-md-6 col-md-offset-3 btn-info" type="submit" id="su">查询</button>  
    
    </div>
			

	
	<!--<br>
		<form name="user" action="#" method="get">
    	<table  align="center">
    		<tr>
    			<td>用户名：</td>
    			<td>
    				<input type="text" name="username" />
				</td>
    		</tr>
    		<tr>
    			<td>密码：</td>
    			<td>
    				<input type="password"/>
				</td>
    		</tr>-->
    		
    		
    		
	</body>
</html>
